const { defineConfig } = require("@vue/cli-service");
const setupMock = require("./mock");

module.exports = defineConfig({
  transpileDependencies: true,
  // 代理服务器解决跨域（只能在开发阶段使用）
  devServer: {
    // 在devServer上添加代理功能
    proxy: {
      // "/api" 处理以/api开头的请求
      "/api": {
        target: "http://sph-h5-api.atguigu.cn", // 将请求转发到哪个服务器去
        changeOrigin: true, // 允许跨域
        // 一开始请求地址：/api/xxx
        // 经过代理服务器转发后的地址：http://sph-h5-api.atguigu.cn/xxx
        // 看接口文档是否需要请求前缀
        // pathRewrite: {
        //   "^/api": "",
        // },
      },
    },
    // 在devServer上添加模拟数据功能
    onBeforeSetupMiddleware: function (devServer) {
      // 给devServer添加路由
      setupMock(devServer.app);
      // devServer.app.get("/mock/getHomeBanners", function (req, res) {
      //   /*
      //     req 请求对象 （客户端发送给服务器的内容，都在req上）
      //     res 响应对象 （服务器发送给客户端的内容，都在res上）
      //   */
      //   res.json({
      //     code: 200,
      //     message: "成功",
      //     success: true,
      //     // 模拟数据的数据结构: 问后端
      //     data: [
      //       {
      //         id: "1",
      //         imgUrl: "/images/banner1.jpg",
      //       },
      //       {
      //         id: "2",
      //         imgUrl: "/images/banner2.jpg",
      //       },
      //       {
      //         id: "3",
      //         imgUrl: "/images/banner3.jpg",
      //       },
      //       {
      //         id: "4",
      //         imgUrl: "/images/banner4.jpg",
      //       },
      //     ],
      //   });
      // });
    },
  },
});
